<template>
	<div>
		<!--banner-->
		<div style=" width:100vw;margin: 0px auto;">
			<el-carousel indicator-position="outside" height="540px">
				<el-carousel-item v-for="item in banners" :key="item">
					<img :src="item" style="height: 100%; width: 100%;" />
				</el-carousel-item>
			</el-carousel>
		</div>
		
		
		<!--产品推荐 -->
		<div style="width: 1200px; margin: 0px auto;">
			<h1>产品推荐</h1>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				banners: [
					"https://update.eyoucms.com/demo/uploads/allimg/20190730/8f5e1882536879c2220c7a5bf1930b96.jpg",
					"https://update.eyoucms.com/demo/uploads/allimg/20190730/84c8489fe403f189c5efede63be93786.jpg",
					"https://update.eyoucms.com/demozy/uploads/allimg/20190730/8f5e1882536879c2220c7a5bf1930b96.jpg"
				]
			}
		},
		mounted() {
			document.title = "EasyAdmin系统";
		}
	}
</script>
<style scoped>
	a {
		color: #FFF;
		text-decoration: none;
	}

	.header {
		display: flex;
		margin: 0px auto;
		min-width: 1200px;
	}

	.navitem {
		color: #FFF;
		width: 80px;
		font-size: 14px;
		font-weight: bold;

	}
</style>